<template>
  <vue-modal
    title="配置问答"
    ok-text="提交"
    cancel-text="取消"
    :show.sync="showModal"
    effect="fade"
    :small="true"
    :width="500"
    :callback="submit">
    <div slot="modal-body" class="modal-body">
      <form class="form-horizontal" role="form">
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*问题类别</label>
          <div class="col-sm-9 text-left">
            <select class="form-control" v-model="form.questionType">
              <option value="2">A股</option>
              <option value="3">港股</option>
              <option value="1">组合</option>
              <option value="4">迷你组合</option>
              <option value="5">资讯</option>
              <option value="6">存股宝</option>
              <option value="0">其他</option>
            </select>
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*问题</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.question">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*答案类别</label>
          <div class="col-sm-9 text-left">
            <select class="form-control" v-model="form.answerType">
              <option value="1">股票</option>
              <option value="2">存股宝</option>
              <option value="3">组合</option>
              <option value="4">迷你组合</option>
              <option value="5">主题</option>
              <option value="6">聚源资讯</option>
              <option value="7">文章资讯</option>
              <option value="8">用户</option>
              <option value="9">问题</option>
              <option value="10">帮助文档</option>
              <option value="21">股票公告</option>
              <option value="22">股票研报</option>
              <option value="23">股票资讯</option>
            </select>
          </div>
        </div>
        <div class="form-group form-group-sm" v-if=" form.answerType != 9 ">
          <label class="col-sm-3 control-label">*答案索引</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.answerId">
          </div>
        </div>
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">文字回答</label>
          <div class="col-sm-9 text-left">
            <textarea rows="8" class="form-control" v-model="form.answerContent"></textarea>
          </div>
        </div>
      </form>
    </div>
  </vue-modal>
</template>
<script src="./question-config.js"></script>